<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	template="/pages/templates/template.xhtml">
	<ui:define name="metadata">
	</ui:define>
	<ui:define name="content">
		<h:form id="formPerfil">
			<div>
				<div class="div-titulo-tela">
					<p:outputLabel styleClass="titulo-tela">Perfil do Professor</p:outputLabel>
					<br /> <br />
					<p:separator></p:separator>
					<div class="div-titulo-botoes">
						<p:commandButton id="btnSalvar" value="Salvar" ajax="true"
							update="formPerfil"
							actionListener="#{ProfessorPerfilController.salvar}">
						</p:commandButton>
					</div>
				</div>
				<div>
					<div class="div-corpo-tela">
						<div class="div-mensagem">
							<p:messages id="messages" autoUpdate="true" closable="true" />
						</div>

						<p:fieldset legend="Dados Pessoais" styleClass="fldPerfil">
							<p:outputPanel styleClass="boxDadosPessoais">
								<p:outputLabel styleClass="label">Matrícula:</p:outputLabel>

								<p:outputLabel id="txtMatriculaProfessor" styleClass="campo">
								#{ProfessorPerfilController.professor.matricula}
								</p:outputLabel>

								<br />
								<p:outputLabel styleClass="label">Nome:</p:outputLabel>
								<p:outputLabel id="txtNomeProfessor" styleClass="campo">
								#{ProfessorPerfilController.professor.nome}
								</p:outputLabel>

								<br />
								<p:outputLabel styleClass="label">Documento:</p:outputLabel>
								<p:outputLabel id="txtDocumentoProfessor" styleClass="campo">
								#{ProfessorPerfilController.professor.documento}
								</p:outputLabel>
							</p:outputPanel>
						</p:fieldset>
						<p:fieldset legend="Contatos" styleClass="fldPerfil">
							<p:outputPanel styleClass="boxContatos">
								<p:outputLabel styleClass="label">E-mail:</p:outputLabel>

								<p:inputText id="txtEmailProfessor" styleClass="campo"
									required="true"
									value="#{ProfessorPerfilController.professor.email}"></p:inputText>

								<br />
								<p:outputLabel styleClass="label">Telefones:</p:outputLabel>
								<br />
								<p:outputPanel styleClass="boxTelefones">

									<p:inputMask id="txtFoneResidencial" styleClass="campo"
										mask="(99) 9999-9999"
										value="#{ProfessorPerfilController.foneResidencial.numero}"></p:inputMask>
									<p:outputLabel styleClass="label">Residencial</p:outputLabel>
									<p:inputMask id="txtFoneCelular" styleClass="campo"
										mask="(99) 9999-9999"
										value="#{ProfessorPerfilController.foneCelular.numero}"></p:inputMask>
									<p:outputLabel styleClass="label">Celular</p:outputLabel>
									<p:inputMask id="txtFoneComercial" styleClass="campo"
										mask="(99) 9999-9999"
										value="#{ProfessorPerfilController.foneComercial.numero}"></p:inputMask>
									<p:outputLabel styleClass="label">Comercial</p:outputLabel>
								</p:outputPanel>
							</p:outputPanel>
						</p:fieldset>

						<p:fieldset legend="Orientação" styleClass="fldOrientacao">
							<p:outputPanel styleClass="boxHoras">
								<p:outputLabel styleClass="label">Horas de Orientação:</p:outputLabel>

								<p:inputText id="txtHorasOrientacao"
									value="#{ProfessorPerfilController.professor.numHorasOrientacao}"
									styleClass="campo" />
								<p:slider for="txtHorasOrientacao" style="width:150px;"
									minValue="0" maxValue="20" />
							</p:outputPanel>

							<p:outputPanel styleClass="boxAreas">
								<p:outputLabel styleClass="label">Areas de Interesse:</p:outputLabel>
								<p:pickList id="pickListAreas" styleClass="campo"
									converter="AreaInteresseConverter"
									value="#{ProfessorPerfilController.areasInteresseModel}"
									var="area" itemLabel="#{area.nome}" itemValue="#{area}"
									showTargetControls="true">
									<f:facet name="sourceCaption">
										<p:outputLabel styleClass="label">Disponíveis</p:outputLabel>
									</f:facet>
									<f:facet name="targetCaption">
										<p:outputLabel styleClass="label">Selecionadas</p:outputLabel>
									</f:facet>
								</p:pickList>
							</p:outputPanel>

						</p:fieldset>
					</div>
				</div>
			</div>
		</h:form>
	</ui:define>
</ui:composition>

